import { FC, SVGProps } from 'react'

export const Illuvium: FC<SVGProps<SVGSVGElement>> = ({ id, ...props }) => (
  <svg
    width="149"
    height="149"
    viewBox="0 0 149 149"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    {...props}
  >
    <circle cx="74.5" cy="74.5" r="74.5" fill="white" />
    <rect x="1" y="37" width="148" height="75" fill={`url(#${id})`} />
    <defs>
      <pattern
        id={id}
        patternContentUnits="objectBoundingBox"
        width="1"
        height="1"
        className="animate-maintain-svg"
      >
        <use
          xlinkHref="#image0_340_90"
          transform="translate(0 -0.00179617) scale(0.00100908 0.00199125)"
        />
      </pattern>
      <image
        id="image0_340_90"
        width="991"
        height="504"
        xlinkHref=""
      />
    </defs>
  </svg>
)

export default Illuvium
